<%@ page language="java" import="com.yoyo.itravel.constants.UserConstant" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <%
        String contextPath = request.getContextPath();
        String basePath = request.getScheme() + "://"
                + request.getServerName() + ":" + request.getServerPort()
                + contextPath + "/";
    %>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" href="css/amazeui.min.css"/>
    <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="js/amazeui.min.js"></script>
    <link rel="stylesheet" href="css/zpwd/zpwd.css"/>
    <link rel="stylesheet" href="css/sui.css"/>
    <script type="text/javascript" src="js/sui.js"></script>
    <title>找回密码</title>
    <style>
        /*.bottomLine {
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            margin-bottom: 10px;
            /*padding: 10px;*/
        /*padding-top: 10px;
        padding-bottom: 10px;
        word-spacing: 0.05rem;
        text-align: center;
        margin-top: 82px;*/
        /*width:677px ;*/
        /*line-height: ;*/
        /*}*/
        .bottomLine {
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            padding-top: 8px;
            /*padding-bottom:10px;*/

        }

        .bot {
            margin-bottom: 50px;
            /*text-align: center;*/
            color: #7b6f5b;
        }

        .radio-pretty.checked > span:before {
            color: #f88600;
        }

        input {
            height: 62px;
        }
    </style>
</head>

<body>
<!--<div class="am-g" style="margin-top: 25px;">

</div>-->
<div class="am-g" style="margin-top: 40px;">
    <div class="logo"><img src="images/logo.png"/></div>
    <div style="width: 1200px;margin: 0 auto;font-size: 12px;margin-top: -38px;"><span
            style="float: right;color: #333333;"><span
            style="margin-left: 20px;margin-right: 20px;"></span><a href="login.jsp" style="font-size: 14px;">返回</a><span style="margin-left: 20px;margin-right: 20px;">|</span>
        <a href="register.jsp" style="font-size: 14px;">注册</a></span>
    </div>
</div>
<div style="background-color: #ffffff;padding-top: 30px;margin-top: 45px;border-top: 1px #ccc solid;">
    <div class="am-g content" style="margin-top: 45px;">
        <div class="am-g">
            <p style="margin-left: 58px;margin-top: 50px;font-size: 16px;color: #333333;font-size: 20px;">
                请选择身份验证方式 ： </p>
            <hr style="width: 1055px;margin: 0 auto;margin-top: 50px;border-top:1px #ccc solid"/>
        </div>
        <div class="am-g" style="margin-top: 30px;">
            <div style="margin-left: 100px;float: left;">
                <img src="images/iphone-01.png"/>
            </div>
            <div style="float: left;margin-left: 42px;">
                <p style="font-size: 16px;font-weight: bold;color: #333333;">通过"手机号"进行验证</p>
                <p style="font-size: 12px;color: #848484;margin-top: -7px;">如果您的手机号在正常使用,可以选择此验证方式</p>
            </div>
            <div style="float: right;">
                <a href="forget_pwd_phone.jsp"><button id="phone" style="width:150px ;height: 40px;background-color: #F88600;border: 0px;border-radius: 5px;margin-top: 44px;margin-right: 125px;">
                    <span style="color: #ffffff;font-size: 16px;">立即验证</span></button></a>
            </div>

        </div>
        <hr style="width: 1055px;margin: 0 auto;margin-top:30px;border-top:1px #ccc solid;"/>
        <div class="am-g" style="margin-top: 30px;">
            <div style="margin-left: 100px;float: left;">
                <img src="images/message-01.png"/>
            </div>
            <div style="float: left;margin-left: 42px;">
                <p style="font-size: 16px;font-weight: bold;color: #333333;">通过"邮箱"进行验证</p>
                <p style="font-size: 12px;color: #848484;margin-top: -7px;">如果您的邮箱在正常使用,可以选择此验证方式</p>
            </div>
            <div style="float: right;">
                <a href="forget_pwd_email.jsp"><button id="email" style="width:150px ;height: 40px;background-color: #F88600;border: 0px;border-radius: 5px;margin-top: 44px;margin-right: 125px;">
                    <span style="color: #ffffff;font-size: 16px;">立即验证</span></button></a>
            </div>

        </div>
        <hr style="width: 1055px;margin: 0 auto;margin-top:30px;border-top:1px #ccc solid"/>
    </div>
    <jsp:include page="footer2.jsp"></jsp:include>
</div>
</body>

</html>